import React,{useState} from 'react'
import CameraButtonImg from '../../../resources/images/camera.svg';
import CameraButtonImgOff from '../../../resources/images/cameraOff.svg';
const CameraButton = () => {
const [isLocalVideoDisabled,setIsLocalVideoDisabled] = useState(false);
const hanleCamera = () =>{
    setIsLocalVideoDisabled(!isLocalVideoDisabled);
}
  return (
    <div className='video_button_container'>
        <img src={isLocalVideoDisabled?CameraButtonImgOff:CameraButtonImg}
        className='video_button_image'
        onClick={hanleCamera}></img>
    </div>
  )
}

export default CameraButton